<?php use_javascript('jquery-1.7.1.min.js') ?>
<html> 
    <head>
        <script type="text/javascript">
            $(document).ready(function()
            {
                $(".edit_tr").click(function()
                {
                    var ID=$(this).attr('id');
                    $("#first_"+ID).hide();
                    $("#last_"+ID).hide();
                    $("#first_input_"+ID).show();
                    $("#last_input_"+ID).show();
                }).change(function()
                {
                    var ID=$(this).attr('id');
                    var first=$("#first_input_"+ID).val();
                    var last=$("#last_input_"+ID).val();
                    var dataString = 'id='+ ID +'&firstname='+first+'&lastname='+last;
                    
                    

                    if(first.length && last.length>0)
                    {
                        $.ajax({
                            type: "POST",
                            url: "<?php echo url_for('proyectos/graba2?id=ID&firstname=first&lastname=last'); ?>",
                            data: dataString,
                            cache: false,
                            success: function(html)
                            {

                                $("#first_"+ID).html(first);
                                $("#last_"+ID).html(last);
                            }
                        });
                    }
                    else
                    {
                        alert('Enter something.');
                    }
                    $("#first_"+ID).html('<?php echo image_tag('load.gif') ?>');
                    $("#last_"+ID).html('<?php echo image_tag('load.gif') ?>');
                    $("#first_"+ID).html(first);
                    $("#last_"+ID).html(last);
                    

                });

                $(".editbox").mouseup(function() 
                {
                    return false
                });

                $(document).mouseup(function()
                {
                    $(".editbox").hide();
                    $(".text").show();
                });
                
                
                
                $(".edit_tr").click(function()
                {
                    var ID=$(this).attr('id');
                    $("#first_"+ID).hide();
                    $("#last_"+ID).hide();
                    $("#first_input_"+ID).show();
                    $("#last_input_"+ID).show();
                }).change(function()
                {
                    var ID=$(this).attr('id');
                    var first=$("#first_input_"+ID).val();
                    var last=$("#last_input_"+ID).val();
                    var dataString = 'id='+ ID +'&firstname='+first+'&lastname='+last;
                    
                    

                    if(first.length && last.length>0)
                    {
                        $.ajax({
                            type: "POST",
                            url: "<?php echo url_for('proyectos/graba?id=ID&firstname=first&lastname=last'); ?>",
                            data: dataString,
                            cache: false,
                            success: function(html)
                            {

                                $("#first_"+ID).html(first);
                                $("#last_"+ID).html(last);
                            }
                        });
                    }
                    else
                    {
                        alert('Enter something.');
                    }
                    $("#first_"+ID).html('<?php echo image_tag('load.gif') ?>');
                    $("#last_"+ID).html('<?php echo image_tag('load.gif') ?>');
                    $("#first_"+ID).html(first);
                    $("#last_"+ID).html(last);
                    

                });

                $(".editbox").mouseup(function() 
                {
                    return false
                });

                $(document).mouseup(function()
                {
                    $(".editbox").hide();
                    $(".text").show();
                });

            });
        </script>
        <style>
            body
            {
                font-family:Arial, Helvetica, sans-serif;
                font-size:14px;
            }
            .editbox
            {
                display:none
            }
            td
            {
                padding:7px;
            }
            .editbox
            {
                font-size:14px;
                width:270px;
                background-color:#ffffcc;

                border:solid 1px #000;
                padding:4px;
            }
            .edit_tr:hover
            {
                background:url(edit.png) right no-repeat #e2f0f5;
                cursor:pointer;
            }


            th
            {
                font-weight:bold;
                text-align:left;
                padding:4px;
            }
            .head
            {
                background-color:#333;
                color:#FFFFFF

            }

        </style>

    </head>


    <div id="titulosproyecto" align="center"><h1>Lista de Proyectos</h1></div><br>
    <div id="cajaprincipalproyecto" align="center"><br>
        <div id="cajaproyectos" align="center"><br>
            <table border="1" id="contextual" class="table" align="center">
                <thead>
                    <tr id="filascolor">
                        <th align="center">Nombre</th>
                        <th align="center">Director</th>
                        <th align="center">Estado</th>            
                        <th align="center" colspan="4">OPCIONES</th>

                    </tr>
                </thead>
                <tbody align="center">
                    <?php
                    foreach ($proyectos as $proyecto):
                        $id = $proyecto->getIdPro();
                        $firstname = $proyecto->getNombre();
                        $lastname = $proyecto->getDirector();
                        ?>
                        <tr >
                            <?php if ($proyecto->getIdUser() == $this->user = sfContext::getInstance()->getUser()->getGuardUser()->getId()) { ?>
                                <?php
                                if ($proyecto->getEstado() == 0) {
                                    ?>
                                    <td id="<?php echo $id; ?>"  class="edit_tr">
                                        <span id="first_<?php echo $id; ?>" class="text"><?php echo $firstname ?></span>                                        
                                        <textarea  rows="3" cols="100"   class="editbox" id="first_input_<?php echo $id; ?>"><?php echo $firstname ?></textarea>
                                    </td>                                    
                                    <td id="<?php echo $id; ?>"  class="edit_tr">
                                        <span id="last_<?php echo $id; ?>" class="text"><?php echo $lastname ?></span>                                         
                                        <textarea  rows="2" cols="100"   class="editbox" id="last_input_<?php echo $id; ?>"><?php echo $lastname ?></textarea>
                                    </td>
                                    <td id="contextual" style="width:auto;"><?php echo 'Activo' ?></td>                                            
                                    <td><a href="<?php echo url_for('proyectos/edit?id_pro=' . $proyecto->getIdPro()) ?>"><div class="button button-green"><span><div class="spritesedit" id="edit-icon_jpg" align="center"></div>Edición Detallada</span></div></a></td>                   
                                    <td><a href="<?php echo url_for('objetivos/index?id_pro=' . $proyecto->getIdPro()) ?>"><div class="button button-black"><span><div class="spriteseditcontenidoobj" id="Setting-icon_jpg" align="center"></div>Objetivos (Paso 2)</span></div></a></td>                        
            <!--                                    <td><a href="<?php echo url_for('fondos/edit?id_pro=' . $proyecto->getIdPro()) ?>"><div class="button2 button-green"><span><div class="spriteseditarfondo2" id="editarfondos2_jpg" align="center"></div>Editar Fondos</br>Presupuestarios</span></div></a></td>-->
                                    <td><a href="<?php echo url_for('fondos/index?id_pro=' . $proyecto->getIdPro()) ?>"><div class="button2 button-green"><span><div class="spriteseditarfondo2" id="editarfondos2_jpg" align="center"></div>Editar Datos de Entidades</br>Presupuestarias</span></div></a></td>
                                    <td><div class="button button-green"><span><div class="spritesborrar" id="borrar_jpg"></div><?php echo link_to('Borrar', 'proyectos/delete?id_pro=' . $proyecto->getIdPro(), array('method' => 'delete', 'confirm' => 'Esta seguro de Eliminar?')) ?></span></div></td>                    
                                <?php } else { ?>
                                    <td id="contextual" style="width:auto;"><?php echo $proyecto->getNombre() ?></td>
                                    <td id="contextual" style="width:auto;"><?php echo $proyecto->getDirector() ?></td>
                                    <td id="contextual" style="width:auto;"><?php echo 'Inactivo' ?></td>                                                                 
                                    <td id="contextual"><a href="<?php echo url_for('proyectos/edit?id_pro=' . $proyecto->getIdPro()) ?>"><div class="button button-green"><span><div class="spritesedit" id="edit-icon_jpg" align="center"></div>Edición Detallada</span></div></a></td>
                                    <td colspan="3"><font color="darkred" >Para activar las demás opciones, tiene que activar el proyecto</font></td>
                                <?php } ?>              



                            <?php } ?> 


                        </tr>
                    <?php endforeach; ?>
                </tbody>
            </table><br>
        </div><br>
        <a href="<?php echo url_for('proyectos/new') ?>"><button class="buttonmediumauto button-red"><span><div id="imagenes" valign="middle"><div class="spritesnewsmall" id="newsmall_jpg" align="center"></div></div><div id="textobutton2">Crear Nuevo proyecto (Paso 1 Requerimiento 1)</div></span></button></a>
        <a href="<?php echo url_for('inicio/index') ?>"><button class="buttonmedium button-green"><span><div id="imagenes" valign="middle"><div class="spritesatrasmall" id="atrasmall_jpg" align="center"></div></div><div id="textobutton2">Menu Principal</div></span></button></a><br>

    </div><br><br><br><br><br>

</html>